.banner-box {
	background: url(../img/oiler_login_bg.png) no-repeat;
	background-size: cover;
	padding: 1rem 2.5rem;
}

.banner-title {
	text-align: center;
}

.banner-title>span {
	display: inline-block;
	background-color: #525252;
	color: #fec61b;
	font-size: 1.5rem;
	padding: 0 1.5rem;
	border-radius: 5rem;
}

.login-form {
	margin: 1rem 0 0 0;
}

.form-header {
	width: 100%;
}

.form-header>img {
	width: 4.5rem;
	height: 4.5rem;
	border-radius: 4.5rem;
	margin: 0 auto;
}

.form-phone {
    width: 80%;
    border-bottom: 1px solid #c8c8c8;
    display: flex;
    padding-bottom: 5px;
    align-items: flex-end;
    margin: 0 auto;
}

.form-phone>span {
	width: 25%;
	color: #989898;
}

.form-phone>input {
	width: 75%;
	height: 1.2rem;
}
.form-pass{
	width: 80%;
	display: flex;
    align-items: flex-end;
	justify-content: space-between;
	margin: 0 auto;
}
.form-pass > input{
	border-bottom: 1px solid #c8c8c8;
	width: 55%;
	height: 1.2rem;
}
.form-pass > span{
	color: #FFFFFF;
	background-color: #fec61b;
	border-radius: 5px;
	width: 40%;
	text-align: center;
	height: 1.5rem;
	line-height: 1.5rem;
}
.form-submit{
    width: 75%;
    margin: 0.75rem auto 0 auto;
}
.form-ps{
	text-align: center;
	font-size: 0.5rem;
	color: #4c4c4c;
}
.form-ps > span{
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 5px;
	background-color: #fec61b;
	margin-right: 5px;
}

